<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <title>op</title>
</head>

<body>
    <style>
    .btn-lg {
        font-size: 2em;

    }
    </style>
    <a class="btn btn-default btn-lg ">32-to-ppt</a> <br>
    <a class="btn btn-default btn-lg ">8-ppt-play-from-first</a> <br>
    <a class="btn btn-default btn-lg ">3-up</a> <br>
    <a class="btn btn-default btn-lg ">4-down</a> <br>

    <a class="btn btn-default btn-lg ">5-W</a> <br>
    <a class="btn btn-default btn-lg ">6-B</a> <br>
    <a class="btn btn-default btn-lg ">51-play-zjx</a> <br>
    <a class="btn btn-default btn-lg ">play-left</a> <br>
    <a class="btn btn-default btn-lg ">play-right</a> <br>
    <a class="btn btn-default btn-lg ">15-space</a> <br>
    <a class="btn btn-default btn-lg " data-key="41-volume-down" >41-volume-down</a> <br>
    <a class="btn btn-default btn-lg " data-key="42-volume-up" >42-volume-up</a> <br>

    <a class="btn btn-default btn-lg ">click</a> <br>
    <a class="btn btn-default btn-lg ">14-quit</a> <br>

    <a class="btn btn-default btn-lg ">click</a> <br>
    <a class="btn btn-default btn-lg ">13-esc</a> <br>
    <a class="btn btn-default btn-lg ">14-quit</a> <br>

    <a class="btn btn-default btn-lg ">31-to-chrome</a> <br>

    <a class="btn btn-default btn-lg ">1-right-screen</a> <br> -->
    <a class="btn btn-default btn-lg ">71-baidu</a> <br>

    <a class="btn btn-default btn-lg ">21-scroll-up</a> <br>
    <a class="btn btn-default btn-lg ">22-scroll-down</a> <br>

    <a class="btn btn-default btn-lg ">click</a> <br>
    <a class="btn btn-default btn-lg ">14-quit</a> <br>

    <a class="btn btn-default btn-lg ">72-qcos</a> <br>
    <a class="btn btn-default btn-lg ">click</a> <br>
    <a class="btn btn-default btn-lg ">14-quit</a> <br>

    <a class="btn btn-default btn-lg ">81-open-2048</a> <br>

    <a class="btn btn-default btn-lg ">21-scroll-up</a> <br>
    <a class="btn btn-default btn-lg ">22-scroll-down</a> <br>

    <a class="btn btn-default btn-lg " >3-up</a> <br>
    <a class="btn btn-default btn-lg " >4-down</a> <br>
    <a class="btn btn-default btn-lg " >11-left</a> <br>
    <a class="btn btn-default btn-lg " >12-right</a> <br>
    <a class="btn btn-default btn-lg " >101-f5</a> <br>
    <a class="btn btn-default btn-lg " >r</a> <br>


    <a class="btn btn-default btn-lg ">click</a> <br>
    <a class="btn btn-default btn-lg ">14-quit</a> <br>

    <a class="btn btn-default btn-lg ">81-open-2048</a> <br>
    <a class="btn btn-default btn-lg ">91-to-splinter</a> <br>

    <script>
    $('a').click(function(event) {
        $('#log').text('loading...');
        if(event.target.dataset.key){
            var op = event.target.dataset.key;
        }else{
            var op = event.target.innerText;
        }
        $.get('/do/' + op, function(data, err) {
            var r = data ? data : err;
            $('#log').text(r);
        })
    })
    </script>
</body>

</html>
